<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>Elastic Cells</title>
	<link href="../raxan/styles/master.css" rel="stylesheet" type="text/css" />
	<!--[if IE]><link rel="stylesheet" href="../raxan/styles/master.ie.css" type="text/css"><![endif]-->
</head>

<body>
    <div class="elastic container ltm rtm hlf-pad lightgray">&nbsp;<a href="index.html" title="Back to the Examples Web Page"><img src="images/arrow_left.png" width="16" alt="Menu"/> Examples</a> | Raxan Framework&nbsp;</div>
    <div class="container e90 tpm">
        <h1>Elastic Grid Cells</h1>
        <hr />
        <h2>An example showing the available elastic classes</h2>
        <hr />

    </div>

    <div class="container e90 tpm grid-mask">

        <h2 class="bottom">Cell Width Classes</h2>
        <div class="e100 border">
            <div class="e10 silver bmm">e10 = 10%</div>
            <div class="e20 lightgray bmm">e20 = 20%</div>
            <div class="e30 silver bmm">e30 = 30%</div>
            <div class="e40 lightgray bmm">e40 = 40%</div>
            <div class="e50 silver bmm">e50 = 50%</div>
            <div class="e60 lightgray bmm">e60 = 60%</div>
            <div class="e70 silver bmm">e70 = 70%</div>
            <div class="e80 lightgray bmm">e80 = 80%</div>
            <div class="e90 silver bmm">e90 = 90%</div>
            <div class="e100 lightgray bmm">e100 = 100%</div>
        </div>
        
        <hr class="space" />

        <h2 class="bottom">Cell Height Classes</h2>
        <div class="r20 border">
            <div class="h10 silver rtm left">h10 = 10%</div>
            <div class="h20 lightgray rtm left">h20 = 20%</div>
            <div class="h30 silver rtm left">h30 = 30%</div>
            <div class="h40 lightgray rtm left">h40 = 40%</div>
            <div class="h50 silver rtm left">h50 = 50%</div>
            <div class="h60 lightgray rtm left">h60 = 60%</div>
            <div class="h70 silver rtm left">h70 = 70%</div>
            <div class="h80 lightgray rtm left">h80 = 80%</div>
            <div class="h90 silver rtm left">h90 = 90%</div>
            <div class="h100 lightgray rtm left">h100 = 100%</div>
        </div>

        <hr class="space" />
        
    </div>

</body>

</html>